<template>
	<view class="w-content">
		<view class="box">
			<u-row customStyle="padding: 70rpx 4rpx 10rpx 40rpx;">
				<u-col span="3"><u--text :size="14" text="账户余额"></u--text></u-col>
				<u-col span="4" offset="2">
					<!-- 此处不用view包裹, 会换行 -->
					<view>
						<text style="font-size: 20px;margin-right: 10rpx;">1.70</text>
						<text style="font-size: 12px;">元</text>
					</view>
				</u-col>
			</u-row>
			<view style="padding: 20rpx 20rpx 20rpx 40rpx;"><u--text :size="14" text="提现金额"></u--text></view>
			<u-row customStyle="padding: 20rpx 20rpx 20rpx 40rpx;">
				<u-col span="7">
					<u--input 
						prefixIcon="rmb"
						prefixIconStyle="padding-right:20rpx;font-size: 28px;color: #333"
						border="none" 
						v-model="moneryVal"
						type="digit"
						placholder="提现到微信钱包">
					</u--input>
				</u-col>
				<u-col span="2" offset="3"><text style="color: #3c9cff">全部</text></u-col>
			</u-row>
			<u-row customStyle="padding: 0 20rpx 0 40rpx;">
				<u-col span="12"><u-line color="rgb(214, 215, 217)"></u-line></u-col>
			</u-row>
			<view style="padding: 20rpx 20rpx 20rpx 40rpx;"><u--text color="rgb(182, 182, 182)" :size="12" text="单次提现金额至少0.3元,最多1000元,每日提现2次"></u--text></view>
			<u-row customStyle="padding: 0 60rpx 0 40rpx;margin-top:20rpx">
				<u-col span="12"><u-button size="normal" type="success" text="提现" color="#22B130"></u-button></u-col>
			</u-row>
		</view>
		<view style="width: 60%;margin: 50rpx auto;opacity: 0.8;">
			<u--text text="提现申请将在1-3个工作日内到账" size="14" bold></u--text>
		</view>
		<view style="width: 24%;margin: 50rpx auto;">
			<u--text type="primary" @click="callPhone()" text="联系客服"></u--text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				moneryVal: '',
			}
		},
		methods: {
			callPhone(){
				uni.makePhoneCall({
					phoneNumber: '15019479320'
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.w-content {
		padding-top: 20rpx;
		min-height: 100vh;
		background-color: rgb(242, 242, 242);
		
		.box {
			height: 280px;
			margin: 20rpx;	
			border-radius: 20rpx;
			background-color: #fff;
		}
	}
</style>
